<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>中科大客户关系管理系统</title>
<link rel="stylesheet" type="text/css" href="css_js/resources/css/ext-all.css"/>

<script type="text/javascript" src="css_js/ext-base.js"></script>
<script type="text/javascript" src="css_js/ext-all.js"></script>
<script type="text/javascript" src="css_js/ext-lang-zh_CN.js"></script>
<script type="text/javascript">
Ext.onReady(function(){
	
	var newsPanel = new Ext.Panel({
		region:'north',
		title:'公告新闻',
		width:200,
		contentEl:'crmNews',
		
	});
	
	var accrodionPanel = new Ext.Panel({
		region:'center',
		layout:'accordion',
		width:200,
		layoutConfig:{
			titleCollapse:true,//标题栏任意点击激活伸缩
			animate:true,//动画效果
			activeOnTop:false
		},
		items:[
		{
			title:'<span style="color:#16376c;font-size:12px; font-weight:bold;">标题</span>',
			contentEl:'m1',
			iconCls:'crmIcon',
			bodyStyle:'background-color:#f7fcff;'
		},
		{
			title:'<span style="color:#16376c;font-size:12px; font-weight:bold;">标题</span>',
			contentEl:'m2',
			iconCls:'crmIcon',
			bodyStyle:'background-color:#f7fcff;'
		},
		{title:'<span style="color:#16376c;font-size:12px; font-weight:bold;">标题</span>',html:'内容',iconCls:'crmIcon'}
		]
	});
	
	var westPanel = new Ext.Panel({
		title:'west',
		layout:'border',
		collapsible:true,
		region:'west',
		width:200,
		items:[newsPanel,accrodionPanel]
	});
	
	var viewport = new Ext.Viewport({
		layout:'border',
		items:[{
			region:'north',//位置
			contentEl:'north',
			height:104
		}
		,westPanel,{
			region:'center',//位置
			contentEl:'center'
		}
		]
	});
});
</script>
<style type="text/css">
	#crmNews{font-size:14px; height:75px; padding-top:5px; padding-left:10px; background-color:#f1ffff}
	#crmNews ul{list-style-type:none;}
	#crmNews ul li{height:23px;}
	.crmIcon{background:url(images/title_icon.jpg) no-repeat;}
	.m{width:200px; font-size:12px;}
	.m ul{list-style-type:none; width:170px;}
	.m ul li{width:70px; height:86px; padding-left:10px; float:left; font-size:14px; text-align:center; line-height:162px;}
</style>
</head>

<body>
<div id="north">
<div id="top" style="background-image:url(images/title_bg.jpg); height:82px;">
	<div id="logo" style="float:left; margin-left:25px;"><img src="images/logo.jpg" /></div>
	<div id="about" style="float:right; margin-right:140px;"><img src="images/about.jpg" /></div>
	<div id="exit" style="float:right; margin-right:60px;"><img src="images/exit.jpg" /></div>
</div>
<div id="wel" style="background-color:#1c71c1; height:22px; font-size:12px; color:#FFFFFF; padding-left:25px; line-height:22px;">欢迎您：中科大CRM管理员</div>
</div>
<div id="west">西</div>
<div id="center">中</div>

<div id="crmNews">
	<ul>
		<li><img src="images/news_icon.jpg" />&nbsp;&nbsp;中科大招生简章.</li>
		<li><img src="images/news_icon.jpg" />&nbsp;&nbsp;中科大选课系统.</li>
		<li><img src="images/news_icon.jpg" />&nbsp;&nbsp;瀚海星云论坛.</li>
	</ul>
</div>
<div id="m1" class="m">
	<ul>
		<li style="background:url(images/m1_1.jpg) center no-repeat; margin-left:5px;">客户拜访</li>
		<li style="background:url(images/m1_2.jpg) center no-repeat; margin-left:5px;">联系人管理</li>
		<li style="background:url(images/m1_3.jpg) center no-repeat; margin-left:5px;">拜访记录</li>
		<li style="background:url(images/m1_4.jpg) center no-repeat; margin-left:5px;">分析与报表</li>
	</ul>
</div>
<div id="m2" class="m">
	<ul>
		<li style="background:url(images/m1_1.jpg) center no-repeat; margin-left:5px;">客户拜访</li>
		<li style="background:url(images/m1_2.jpg) center no-repeat; margin-left:5px;">联系人管理</li>
		<li style="background:url(images/m1_3.jpg) center no-repeat; margin-left:5px;">拜访记录</li>
		<li style="background:url(images/m1_4.jpg) center no-repeat; margin-left:5px;">分析与报表</li>
	</ul>
</div>
</body>
</html>
